import React from 'react';
import { NavLink, Outlet } from 'react-router-dom'
const HomeViews = () => {
  return (
    <div>
      <h1>HomeViews</h1>
      <p>"/"对应要访问得页面</p>
      <div>
        <NavLink to="about" style={({ isActive }) => ({ "color": isActive ? "green" : "red" })}> 关于我们 </NavLink>
        <NavLink to="product" style={({ isActive }) => ({ "color": isActive ? "green" : "red" })}>| 产品 </NavLink>
        <NavLink to="user" style={({ isActive }) => ({ "color": isActive ? "green" : "red" })}>| 用户列表 </NavLink>

      </div>
      <div>
        <Outlet></Outlet>
      </div>
    </div>
  );
}

export default HomeViews;
